<template>
  <div class="radio-inner">
    <div class="top">
      <img :src="v.src" alt="" />
      <i class="iconfont icon-bofang"></i>
    </div>
    <p>{{ v.title }}</p>
  </div>
</template>

<script>
export default {
  props: ["v"],
};
</script>
<style lang="less" scoped>
.radio-inner {
  width: 1.92rem;
  margin-right: 0.37rem;
  .top {
    position: relative;
    img {
      width: 1.92rem;
      height: 1.92rem;
      border-radius: 50%;
      margin-bottom: 0.2rem;
    }
    i {
      position: absolute;
      font-size: 0.47rem;
      left: 50%;
      top: 50%;
      margin-left: -0.1rem;
      color: #edeef0;
      margin-top: -0.2rem;
    }
  }
  p {
    text-align: center;
    font-size: 0.24rem;
  }
}
</style>